Владимир Гриненко
Блок__Элемент_Модификатор
{
block: 'button',
mods: { theme: 'promo' },
content: 'Разместить рекламу'
}
prj/
blocks/
header/
header.css
header.js
header.tmpl
header.svg
header.md
prj/
blocks/
header/
_theme/
header_theme_simple.css
header_theme_full.css
__logo/
header__logo.css
block button {
tag: 'input'
attrs: { type: 'button'}
}
Данные:
{
"login": "vasia",
"name": "Василий"
}
Преобразование:
blocks.user = function(data) {
return {
block: 'user',
url: 'https://mysite.ru/users/' + data.login,
content: data.name
};
}
Данные:
{
block: 'user',
url: 'https://mysite.ru/users/vasia',
content: 'Василий'
}
Преобразование:
block('user')(
tag()('a'),
attrs()({ href: this.ctx.url })
);
Результат: <a class="user" href="https://mysite.ru/users/vasia">Василий</a>
<div style="width: 100px; height: 50px; font-size: 14px;"></div>
VS.
<div class="block"></div>
+
.block {
width: 100px;
height: 50px;
font-size: 14px;
}